<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>

export default {
  data () {
    return {}
  }
}
</script>

<style lang="scss">
@import 'common/scss/index.scss';
@import "~common/scss/mixin";

#app {
  //position: fixed;
  //top: 0;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/*.cube-my-popup {*/
  /*pointer-events: all !important;*/
/*}*/

/*.cube-popup-content{*/
  /*pointer-events: all !important;*/
/*}*/


.my-popup {

  .cube-popup-mask {
    /*background: none;*/

  }
}


.cube-popup-my-content {
  text-align: center;
  font-size: 15px;
  color: #fff;
  padding: 10px 0;
  /*background: rgba(24,26,28,.6) url("~assets/images/task/zuanshi.png") no-repeat center 90%;*/
  background-size: 127px 127px;
  width: 195px;
  margin: 0 auto;
  p:nth-of-type(1) {
    margin-bottom: 14px;
  }

  p:nth-of-type(2) {
    color: rgba(246,208,52,1);
    font-size: 36px;
    margin-bottom: 112px;
  }

  button {
    @include button(16px);
    width:130px;
    height:31px;
    background:rgba(74,156,251,1);
  }

}


</style>
